/**

 第一个参数是textTitle:String 类型;
 第二个参数xAxis坐标xData:date格式['新闻','微博'];
 第三个参数yAxis坐标yTitle：String 类型;
 第四个参数是postData：
 后台数据：格式[29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6]
 也可以[{name: 'Point 1',color: '#00FF00',y: 0},
 {name: 'Point 2',color: '#FF00FF',y: 5}]
 ;
 第五个参数isInverted：是否横纵坐标交换，参数为：true交换  和  false不交换  。
 */
function zhuzhuang(textTitle, xData, yTitle, postData, isInverted, divID, callBack) {
    var chart = Highcharts.chart(divID, {
        title : {
            text : textTitle
        },
        chart : {
            animation : false,
            backgroundColor : '',
            zoomType : 'null' //可放大的
            ,events: {
                load: function () {
            		callBack();
                }
            }
        },
        tooltip : {
            headerFormat : '<font style=\'font-size:0.8rem\'>{point.key}<font>',
            padding : 40,
            style : {
                'fontSize' : '0.8rem'
            }
        }, //提示框的样式
        credits : {
            enabled : false
        },
        plotOptions : {
            column : {

                dataLabels : {
                    enabled : true,
                    style : {
                        'fontSize' : '0.8rem'
                    }
                }
            }
        },
        subtitle : {
            text : ''
        },
        xAxis : {
            categories : xData,
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
                y : 50//距离x轴的距离
            }

        },
        yAxis : {
            title : {
                text : yTitle,
                style : {
                    'font-size' : '0.8rem'//字体的大小用em
                }
            },
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
                x : -20//距离x轴的距离
            },
        },
        series : [{
            animation : false,
            type : 'column',
            colorByPoint : true,
            data : postData,
            showInLegend : false
        }]
    });
    if (isInverted) {
        chart.update({
            chart : {
                inverted : true,
                polar : false
            }
        });
    }
    if (postData.length == 1) {
        chart.update({
            plotOptions : {
                column : {
                    pointWidth : 60,
                    dataLabels : {
                        enabled : true,
                        style : {
                            'fontSize' : '0.8rem'
                        }
                    }
                }
            }
        });
    }
}

function rementop10(textTitle, xData, yTitle, postData, isInverted, divID, callBack) {
    var chart = Highcharts.chart(divID, {
        title : {
            text : textTitle
        },
        chart : {
            animation : false,
            backgroundColor : '',
            zoomType : 'null' //可放大的
            ,events: {
                load: function () {
            		callBack();
                }
            }
        },
        tooltip : {
            headerFormat : '{point.key}',
            padding : 40,
            style : {

                'fontSize' : '0.8rem'
            }, 
            formatter: function () {
                return  this.x ;
            }
        }, //提示框的样式
        credits : {
            enabled : false
        },
        plotOptions : {
            column : {
                dataLabels : {
                    enabled : true,
                    style : {
                        'fontSize' : '0.8rem'
                    }
                }
            }
        },
        subtitle : {
            text : ''
        },
        xAxis : {
            categories : xData,
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
                y : 5//距离x轴的距离
            },

        },
        yAxis : {
            title : {
                text : yTitle
            },
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
                x : 0//距离x轴的距离
            },
        },
        series : [{
            animation : false,
            type : 'column',
            colorByPoint : true,
            data : postData,
            showInLegend : false
        }]
    });
    if (isInverted) {
        chart.update({
            chart : {
                inverted : true,
                polar : false
            }
        });
    }
}

function guanjiantop10(textTitle, xData, yTitle, postData, isInverted, divID, callBack) {
    var chart = Highcharts.chart(divID, {
        title : {
            text : textTitle
        },
        chart : {
            animation : false,
            backgroundColor : '',
            zoomType : 'null' //可放大的
            ,events: {
                load: function () {
            		callBack();
                }
            }
        },
        tooltip : {
            headerFormat : '<font style=\'font-size:0.8rem\'>{point.key}<font>',
            padding : 40,
            style : {

                'fontSize' : '0.8rem'
            }
        }, //提示框的样式
        credits : {
            enabled : false
        },
        plotOptions : {
            column : {
                dataLabels : {
                    enabled : true,
                    style : {
                        'fontSize' : '0.8rem'
                    }
                }
            }
        },
        subtitle : {
            text : ''
        },
        xAxis : {
            categories : xData,
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em
                },
                y : 50,//距离x轴的距离
                rotation:-45
            },

        },
        yAxis : {
            title : {
                text : yTitle
            },
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
                x : 0//距离x轴的距离
            },
        },
        series : [{
            animation : false,
            type : 'column',
            colorByPoint : true,
            data : postData,
            showInLegend : false
        }]
    });
    if (isInverted) {
        chart.update({
            chart : {
                inverted : true,
                polar : false
            }
        });
    }
}

function mianJi(callBack) {
    var chart = Highcharts.chart('container1', {
        chart : {
            animation : false,
            type : 'area',
            backgroundColor : '',
            zoomType : 'null' //可放大的
            ,events: {
                load: function () {
            		callBack();
                }
            }

        },
        title : {
            text : '舆情趋势'
        },
        subtitle : {
            text : ''
        },
        tooltip : {
            headerFormat : '<font style=\'font-size:0.8rem\'>{point.key}<font>',
            padding : 40,
            style : {

                'fontSize' : '0.8rem'
            }
        }, //提示框的样式
        xAxis : {
            allowDecimals : false,
            labels : {
                style:{color : '#1d82e4'},
                formatter : function() {
                    return this.value;
                }
            }
        },
        yAxis : {
            title : {
                text : ''
            },
            labels : {
                style:{color : '#1d82e4'},
                formatter : function() {
                    return this.value;
                }
            }
        },
        tooltip : {
            pointFormat : '{series.name} produced <b>{point.y:,.0f}</b><br/>warheads in {point.x}'
        },
        plotOptions : {
            area : {
                pointStart : 1940,
                marker : {
                    enabled : true,
                    symbol : 'circle',
                    radius : 2,
                    states : {
                        hover : {
                            enabled : true
                        }
                    }
                },
                color : '#F5F5F5',
                lineColor : '#00BFFF'
            }
        },
        series : [{
            animation : false,
            name : 'USA',
            data : [null, null, null, null, null, 6, 11, 32, 110, 235, 369, 640, 1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126, 27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662, 26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605, 24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586, 22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950, 10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104]
        }]
    });

}

function gaugeD(valueData, DivID, callBack) {
    var colors = ['#FF774F', '#1377A9', '#01C794'];

    Highcharts.chart(DivID, {
        chart : {
            animation : false,
            type : 'gauge',
            backgroundColor : '',
            zoomType : 'null' //可放大的
            ,events: {
                load: function () {
            		callBack();
                }
            }
        },
        title : {
            text : valueData,
            style : {
                fontSize : '2rem'
            },
            y : 60
        },
        pane : [{
            startAngle : -90,
            endAngle : 90,
            background : null,
            center : ['50%', '80%'],
            size : '100%' //改变仪表盘的大小 ,这个不给值就是自适应,默认为85%
        }],
        yAxis : [{
            min : -100,
            max : 100,
            minorTickPosition : 'inside',
            tickPosition : 'inside',
            labels : {
                rotation : 'auto',
                distance : 10,
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                },
            },
            plotBands : [{//分区段
                from : -100,
                to : -60,
                color : colors[0],
                innerRadius : '100%',
                outerRadius : '65%'
            }, {
                from : -60,
                to : 60,
                color : colors[1],
                innerRadius : '100%',
                outerRadius : '65%'
            }, {
                from : 60,
                to : 100,
                color : colors[2],
                innerRadius : '100%',
                outerRadius : '65%'
            }],
            title : {
                text : '',
                style : {
                    fontSize : '0.8rem',
                    marginTop : '0.8rem'
                },
                y : 20
            }
        }],
        exporting : {
            enabled : true
        },
        plotOptions : {
            gauge : {
                dataLabels : {
                    enabled : true,
                    y : -20
                },
                dial : {//仪表盘指针
                    radius : '60%',
                    borderWidth : 10,
                    baseWidth : 5

                },
                pivot : {
                    radius : 10,
                    borderWidth : 1,
                    borderColor : 'gray',
                    backgroundColor : {
                        linearGradient : {
                            x1 : 0,
                            y1 : 0,
                            x2 : 1,
                            y2 : 1
                        },
                        stops : [[0, 'white'], [1, 'gray']]
                    }
                }
            }
        },
        series : [{
            animation : false,
            name : '',
            data : [valueData],
            yAxis : 0
        }]
    });
    $(".highcharts-label-box").hide();
    $(".highcharts-label-box").next().hide();
}

function qushi(textTitle, xData, yTitle, postData, isInverted, divID, callBack) {
    Highcharts.chart(divID, {
        chart : {
            animation : false,
            type : 'spline',
            backgroundColor : '',
            zoomType : 'null', //可放大的
            events: {
                load: function () {
            		callBack();
                }
            }
        },
        title : {
            text : textTitle

        },
        colors : ['#1d82e4'],
        legend : {
            itemStyle : {
                'fontSize' : '0.8rem'
            }
        },
        subtitle : {
            text : ''
        },
        tooltip : {
            headerFormat : '<font style=\'font-size:0.8rem\'>{point.key}<font>',
            padding : 40,
            style : {

                'fontSize' : '0.8rem'
            }
        }, //提示框的样式
        xAxis : {
            categories : xData,
            title : {
                color : '#1d82e4'//字体的颜色
            },
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em
                },
                step:3,
                rotation:-45
            }
        },
        yAxis : {
            title : {
                color : '#1d82e4', //字体的颜色
                text : yTitle,
                style : {
                    color : 'black', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em
                }

            },
            labels : {
                style : {
                    color : '#1d82e4', //字体的颜色
                    'font-size' : '0.8rem'//字体的大小用em

                }
            }
        },

        series : [{
            animation : false,
            name : yTitle,
            style : {
                'font-size' : '0.8rem'//字体的大小用em
            },
            data : postData
        }]
    });
}

